
<!DOCTYPE html>
<html lang="en"><head>
     <title>About</title>
     <meta charset="utf-8">
     <meta name="format-detection" content="telephone=no">
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.css">
       
     <script src="js/jquery-migrate-1.2.1.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script src="js/script.js"></script><meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
     <script src="js/jquery.equalheights.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/superfish.js"></script>
     <script src="js/jquery.mobilemenu.js"></script>
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
        <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
        <script>
            $(document).ready(function(){                
                $().UItoTop({ easingType: 'easeOutQuart' });
            });
            </script>                          
     </head>
<body id="top" class="page">

<!--==============================header=================================-->

    <header id="header" class="header">
        <div class="container_12">
            <div class="grid_6">
                <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
            </div>
            <div class="clear"></div>
            <div class="grid_12">
                <nav>
                    <ul class="sf-menu sf-js-enabled sf-arrows">
                        <li><a href="index.html">Home</a></li>
                        <li class="current"><a href="index-1.html">About</a></li>
                        <li><a href="index-2.html">Services</a></li>
                        <li class=""><a href="index-3.html" class="sf-with-ul">Blog</a>
                            <ul style="display: none;">
                                <li><a href="#">Dolore ipsu</a></li>
                                <li><a href="#" class="sf-with-ul">Consecte</a>
                                    <ul style="display: none;">
                                        <li><a href="#">Dolore ipsu</a></li>
                                        <li><a href="#">Consecte</a></li>
                                        <li><a href="#">Elit Conseq</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Elit Conseq</a></li>
                            </ul>
                        </li>
                        <li><a href="index-4.html">Contacts</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div class="clear"></div>

<!--===========================content================================-->

    <div id="content">
        <div class="p70">
            <div class="container_12">
                <div class="grid_12">
                    <h3>about our<br><span>history</span></h3>
                    <div class="block bl">
                        <img src="images/page2_img1.jpg" alt="our group" class="left_img">
                        <h6 class="mt1"><a href="#">Mes cuml dia sed ineniasinge dolor ipsum commete ipsum comnetus lorem ipsum dolor.</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod estibulum vel libero ipsum. sit amet sollicitudin ante aenean imperdiet aliquet hendrerit. Nunc interdum ullamcorper lectus et pellentesque enim interdum at. Suspendisse malesuada dignissim est, a facilisis ligula rutrum sed. Praesent vestibulum molestie lacus. </p>
                        <p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod estibulum vel libero ipsum. sit amet sollicitudin ante aenean imperdiet aliquet hendrerit. Nunc interdum ullamcorper lectus et pellentesque enim interdum at. </p>
                        <p>Suspendisse malesuada dignissim est, a facilisis ligula rutrum sed. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg1 p102">
            <div class="container_12">
                <div class="grid_12">
                    <h3>our <br><span>staff</span></h3>
                </div>     
                <div class="grid_3 wrap">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img2.png" alt=""></div>
                        <h6><a href="#">Mark Johnson</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>
                <div class="grid_3 wrap">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img3.png" alt=""></div>
                        <h6><a href="#">Jessica Priston</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>
                <div class="grid_3 wrap">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img4.png" alt=""></div>
                        <h6><a href="#">Bradley Grosh</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>
                <div class="grid_3">
                   <div class="thumb1">
                        <div class="image"><img src="images/page2_img5.png" alt=""></div>
                        <h6><a href="#">olivia pool</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan.</p>
                        <ul class="socials">
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                              
                        </ul>
                   </div>
                </div>                                             
            </div>
        </div>
        <div class="p96">
            <div class="container_12">
                <div class="grid_12">
                    <h3>testimonials</h3>
                </div>  
            </div>  
            <div class="container_12">
                <div class="grid_3 wrap">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt="">
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">Patrick Pool</a></h6>
                   </blockquote>
                </div>
                <div class="grid_3 wrap">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt="">
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">Sam Kromstain</a></h6>
                   </blockquote>
                </div>
                <div class="grid_3 wrap">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt="">
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">John McCoist</a></h6>
                   </blockquote>
                </div>
                <div class="grid_3">
                   <blockquote class="bq">
                       <img src="images/quote.png" alt="">
                       <p>Dolor nunc vule putateulr ips dol conseonec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                       <h6><a href="#">Alan Smith</a></h6>
                   </blockquote>
                </div>                                                   
            </div>     
        </div>      
    </div>

<!--==============================footer=================================-->

    <footer id="footer" class="footer">
        <div class="container_12">
            <div class="grid_6">
                <span>COMMUX</span>
                <div class="copy">
                <span>©</span>
                <span id="copyright-year">2014</span>
                <span>|</span>
                <span><a href="index-5.html">Privacy Policy</a></span></div>
            </div>
            <div class="grid_6">
                <ul class="social-links">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss"></i></a></li>  
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul>
            </div>
        </div>
    </footer>


<a href="#" id="toTop" style="margin-right: -44px; right: 50%; display: none;"><span id="toTopHover"></span></a></body></html>